<template>
  <div id="list">
    <h3>私信消息接收设置</h3>
    <a-radio-group v-model:value="value1" style="margin:10px 0 0 10px">
      <a-radio :value="1">所有人</a-radio>
      <a-radio :value="2">仅我的关注、粉丝</a-radio>
    </a-radio-group>
    <a-divider style="height: 1px; background-color: #91d5ff" />
  </div>
  <div id="list">
    <h3>评论消息提醒设置</h3>
    <a-radio-group v-model:value="value2" style="margin:10px 0 0 10px">
      <a-radio :value="1">提醒</a-radio>
      <a-radio :value="2">仅关注、粉丝提醒</a-radio>
      <a-radio :value="3">不提醒</a-radio>
    </a-radio-group>
    <a-divider style="height: 1px; background-color: #91d5ff" />
  </div>
  <div id="list">
    <h3>点赞消息提醒设置</h3>
    <a-radio-group v-model:value="value3" style="margin:10px 0 0 10px">
      <a-radio :value="1">提醒</a-radio>
      <a-radio :value="2">不提醒</a-radio>
    </a-radio-group>
    <a-divider style="height: 1px; background-color: #91d5ff" />
  </div>
  <div id="list">
    <h3>有人关注我是否接收消息提醒</h3>
    <a-radio-group v-model:value="value4" style="margin:10px 0 20px 10px">
      <a-radio :value="1">是</a-radio>
      <a-radio :value="2">否</a-radio>
    </a-radio-group>
  </div>
</template>
<script>
import { defineComponent, ref } from "vue";
export default defineComponent({
  setup() {
    const value1 = ref(1);
    const value2 = ref(1);
    const value3 = ref(1);
    const value4 = ref(1);
    return {
      value1,
      value2,
      value3,
      value4,
    };
  },
});
</script>

<style scoped>

</style>